$def with(content)
<!DOCTYPE HTML>
<HTML>
<HEAD>
	<META http-equiv="Content-Type" content="text/html; charset=utf-8">

	<TITLE>邮件系统</TITLE>

	<link rel="stylesheet" type="text/css" href="./static/css/layout-default-latest.css" />
	<link rel="stylesheet" type="text/css" href="./static/css/flexigrid.css" />
	<link rel="stylesheet" type="text/css" href="./static/css/emails.css" />

	<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
	<script src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>
	<script src="http://libs.baidu.com/jqueryui/1.8.22/jquery-ui.min.js "></script>

	<script type="text/javascript" src="./static/js/jquery.layout-latest.js"></script> 
	<script type="text/javascript" src="./static/js/flexigrid.js"></script>
	<script type="text/javascript" src="./static/js/emails.js"></script>

</HEAD> 
<BODY> 

<DIV class="outer-north container">
	<DIV id="banner"  class="block lite">
		Logo &nbsp; &nbsp;
	</DIV>
</DIV>

<DIV class="outer-center container" >
	<DIV id="emailListing" class="inner-layout-container"> 
		<DIV class="ui-layout-north container">
			<DIV id="toolbar" class="block dark"> Email Listing Toolbar </DIV>
		</DIV>
		
		<DIV class="ui-layout-west container border"> 
			<DIV id="emailListingLayout" style="text-align: right; border-bottom: 1px solid #BBB; cursor: pointer;"> &lt;&lt; </DIV>
			<UL id="droppable" class="ui-layout-content"> 
				<LI id="emails" style="padding: 10px 0 10px 20px;">收件箱</LI> 
				<LI id="trash" style="padding: 10px 0 10px 20px;">回收站</LI> 
				<LI id="settings" style="padding: 10px 0 10px 20px;">设置</LI> 
			</UL> 
		</DIV> 
		$:content
	</DIV><!-- /#emailListing -->
</DIV><!-- /.outer-center -->

</BODY>
</HTML>